var tablesJsLayui = null;
layui.use(['layer', 'form', 'element', "table", "dialog"], function () {
    tablesJsLayui = layui;
    var table = layui.table;
    var dialog = layui.dialog;
    var form = layui.form;
    var layer = layui.layer;
    var element = layui.element;

    //获取当前iframe的name值
    var iframeObj = $(window.frameElement).attr('name');

    /**
     * 添加的点击事件
     */
    $('.addBtn').click(function () {
        var url = $(this).attr('data-url');
        //将iframeObj传递给父级窗口,执行操作完成刷新
        parent.page("新增", url, iframeObj, w = "80%", h = "620px");
        return false;
    }).mouseenter(function () {
        dialog.tips('新增', '.addBtn');
    });

    /**
     * 修改的
     */
    $('.updateBtn').click(function () {
        var data = table.checkStatus('tables').data;
        if (data.length == 0) {
            alert("请选择一条记录");
        } else {
           /* alert("我点击了修改数据:" + JSON.stringify(data));*/
            replaceAnim("upd","tab");
        }
        return false;
    }).mouseenter(function () {
        dialog.tips('修改', '.updateBtn');
    });
    
    $("#back").click(function () {
        replaceAnim("tab","upd");
    });

    /**
     * 删除的
     */
    $('.delBtn').click(function () {
        var data = table.checkStatus('tables').data;
        if (data.length == 0) {
            alert("请选择一条记录");
        } else {
            console.log(data);
        }
        return false;
    }).mouseenter(function () {
        dialog.tips('删除', '.delBtn');
    });

    //监听提交
    form.on('submit(search)', function (data) {
        layer.msg(JSON.stringify(data.field));
        table.reload("tables", {
            where: {    //需要提交的数据
                keyWord: data.field.keyWord
            },
            page: {
                curr: 1 //重新从第 1 页开始
            }
        });
        return false;
    });

    table.render({
        elem: '#tables'
        , id: 'tables'
        , height: 500
        , loading: true
        , toolbar: '<div>操作</div>'
        , title: "表格数据导出文件标题"
        , url: baseUrl + 'sys/getTablesData' //数据接口
        , page: true //开启分页
        , defaultToolbar: ['filter', 'exports']
        , cols: [[ //表头
            {type: "radio", fixed: 'left'},
            {field: 'id', title: 'ID', width: 80, sort: true}
            , {field: 'username', title: '用户名'}
            , {field: 'sex', title: '性别', sort: true}
            , {field: 'city', title: '城市'}
            , {field: 'sign', title: '签名'}
        ]],
        parseData: function (res) {
            return {
                "code": res.code == 1 ? 0 : 1, //解析接口状态
                "count": res.data.total, //解析数据长度
                "data": res.data.data //解析数据列表
            }
        }
    });
});

/*var vm = new Vue({
    el: "#app",
    data: {}
});*/

